*{margin: 0;padding: 0;  font-size: 16px;  }
a{text-decoration: none;color:black;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
a:link{text-decoration: none;}
button,a{outline:none;}
li{list-style-type: none;}

input{
	-webkit-user-select:text;
}

.css {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* body {
    margin: 0;
    position: fixed;
    max-height: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-user-drag: none;
    -ms-content-zooming: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    word-wrap: break-word;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    transition: transform .2s;
} */



* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

*:not(input,textarea) { 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
}

.bg-theme{background:#059BF3;color:white}
.color-theme{color:#f44;}

.top{height: 50px;line-height:50px;position: fixed !important;top: 0px;left: 0px;z-index: 1000;-webkit-transform: translateZ(0)/* width:100%; */}
.top span{font-size: 20px;color: white;}

.glyphicon.glyphicon-chevron-left {font-size:20px;}
		/* !important; */
.foot{display:none;position: fixed !important; bottom: 0px;height: 50px;background: white;z-index: 100;left:0;right:0;padding:0px;/* width:100%; */ overflow: hidden;/* width:100%; */}
/* .foot iframe{border: 0;width: 100%;height:52px;overflow: hidden;} */

.body{padding: 40px 0;margin-bottom:20px;}

.pm{width:100%;}

.content-middle-body {
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	padding-bottom:10px;
}


.font2{font-size:2px;}
.font4{font-size:4px;}
.font6{font-size:6px;}
.font8{font-size:8px;}
.font10{font-size:10px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}

.fl{float: left;}
.fr{float: right;}
.fb{font-weight: bold;}

.b0{border:0px solid white}
.b1red{border:1px solid red}
.b2red{border:2px solid red}
.b3red{border:3px solid red}
.b4red{border:4px solid red}
.b5red{border:5px solid red}
.b1blue{border:1px solid blue}
.b2blue{border:2px solid blue}
.b3blue{border:3px solid blue}
.b4blue{border:4px solid blue}
.b5blue{border:5px solid blue}
.b1black{border:1px solid black}
.b2black{border:2px solid black}
.b3black{border:3px solid black}
.b4black{border:4px solid black}
.b5black{border:5px solid black}
.b1white{border:1px solid white}
.b2white{border:2px solid white}
.b3white{border:3px solid white}
.b4white{border:4px solid white}
.b5white{border:5px solid white}


.br3{border-radius:3px}
.br5{border-radius:5px}
.br8{border-radius:8px}
.br10{border-radius:10px}
.yuan{border-radius:100000px;}

#id-div-noticeDiv {
	position:absolute;
	z-index:60;
	left:50%;
	transform:translateX(-50%);
	font-size:0.4rem;
	bottom:1.3rem;
	border-radius:6px;
	padding:0.3rem;
	background-color:rgba(0, 0,0,0.6);
	color:white;
	display:none;
}

.sendMyMessage .content img {
	float:none;	
}
.glyphicon-chevron-left, .glyphicon-off, #svg-i-toggleEMOJITool, #svg-i-toggleRedenvelopeTool {
	cursor: pointer;		
}

.w-e-panel-container {
position: absolute;
    bottom: 100%;
    border: 1px solid #ccc;
    border-top: 0;
    box-shadow: 1px 1px 2px #ccc;
    color: #333;
    background-color: #fff;
    width:100vw!important;	
    max-width:100%;
	left: 0!important;
    margin-left: 0!important;
    z-index: 3;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.w-e-panel-container .w-e-panel-tab-title {
list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    margin: 2px 10px 0 10px;
    border-bottom: 1px solid #f1f1f1;	
}
.w-e-panel-container .w-e-panel-tab-content {
    padding: 10px 15px 10px 15px;
    font-size: 16px;
}
.w-e-panel-tab-content {
height:150px!important;	
}

.w-e-panel-container .w-e-panel-close {
position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    margin: 2px 5px 0 0;
    cursor: pointer;
    color: #999;	
}
.w-e-panel-container .w-e-panel-tab-title .w-e-active {
color: #333;
    border-bottom: 1px solid #333;
    cursor: default;
    font-weight: 700;	
}
.w-e-panel-container .w-e-panel-tab-title .w-e-item {
    padding: 3px 5px;
    color: #999;
    cursor: pointer;
    margin: 0 3px;
    position: relative;
    top: 1px;
}
.w-e-emoticon-container .w-e-item {
	margin-right:6px;
margin-bottom: 6px;
    display: inline-block;
}

.w-e-panel-container-active {
	display:block !important;
}
.w-e-menu {
	fill:#999;
}
.w-e-menu.w-e-menu-active {
	fill:#333!important;
}
.w-e-emoticon-container {
	display:none;
}
.w-e-emoticon-container-active {
	display:block!important;
}
.w-e-panel-container {
	z-index:3;
	display:none;
}

.editarea-wrapper {
	min-height: 2em;
	position: relative;
	background-color:rgb(236,236,236);
	padding:2px 0;
	box-sizing: border-box;
	display:flex;
}

.editarea-wrapper-active {
	align-items:center;	
}

 .div-c-editArea {
	margin-left:0;
	margin-right:0;
}

.div-c-editArea {
	-webkit-user-select:text;
	min-height: 1.4em;
    border: 1px solid rgb(204,204,204);
    border-radius: 4px;
    max-height: 5em;
    overflow-y: auto;
    width: 100%;
    max-width: 80%;
    margin-right: 5px;
    cursor:pointer;
    max-height: 50px;
    /* margin-left: 10%; */
    /* margin-right: 10%; */
    padding: 2px;
    background-color: white;
    word-break: break-all;
}

.editarea-wrapper svg, .editarea-wrapper > span {
	min-width:10%;
	width:10%;
	position: absolute;
	height:1.6em;
}
.editarea-wrapper > span {
	width:15%;	
	min-width:15%;
	cursor: pointer;
}
.editarea-wrapper svg {
	left:0;
	fill:rgb(156,156,156);
	bottom:2px;
}
.editarea-wrapper-active > svg, .editarea-wrapper-active > span {
	position: static;
}
.editarea-wrapper > span {
	right:0;
	bottom:2px;
	height:1.8em;
	display:flex;
	width:80px;
	 min-height:40px;
	justify-content:center;
	align-items:center;
	color:white;
	background-color:#5cb85c;	
	border-radius: 4px;	
}

.div-c-editArea {
	font-size:18px;	
}
/* 
.editarea-wrapper > span > span {
	font-size:16px;	
	cursor: pointer;
	position: absolute;
	bottom:2px;
}
 */
.editarea-wrapper-active > span > span {
	position: static;	
}

.sendMessageWrapper {
    position: absolute;
  /*  position: fixed !important;  */
   z-index: 100;
    bottom: 0;
     left: 0; 
    right: 0; 
    width: 100%;
    float: left;
    max-width: 690px;
    overflow: hidden;
}

.otherMessage .info{
	width:100%;
	display: block;
}

.otherMessage .info .date{
	display: block;
	float: left;
	text-align:left;
	width:100%;
}

.otherMessage .info .content{
	float: left;
    max-width: 100%;
    text-align: left;
}

.tomyMessage .messageInfo .date{
	display: block;
    width: 100%;
    float: left;
    text-align: left;
}

.sendMyMessage .info{
	width:100%;
	display: block;
}

.sendMyMessage .info .date{
	display: block;
	float: right;
	width:100%;
	text-align: right;
}


.sendMyMessage .info .content{
	float: right;
	text-align: right;
    max-width: 100%;
}



.sendMessageWrapper-fix {
	position: static;
}
.div-extra-toolbar {
	display:none;
	padding:2px;
}
.div-extra-toolbar-active {
	display:block;
	background: #ccc;
}
.div-c-extraTool svg {
	width:30px;
	height:30px;
}
.div-c-extraTool {
	padding:4px;	
	position: relative;
}
.div-c-extraTool {
	background-color: rgb(218,218,218)	
}
.div-c-extraTool {
	display:none;
}
.pc-sendNewMessage {
	width:80%!important;
	text-align: center;	
}
.div-c-extraTool-active {
	display:block;
}

#svg-i-toggleExtraTool, .w-e-menu , .w-e-item{cursor: pointer;}
.div-c-noticeContentDiv {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: rgba(255,255,255,0.6);
	z-index:101;
	display:flex;
	align-items:center;
	justify-content:center;
	/* transform:scale(0);
	-webkit-transform: scale(0);
	transition:transform 0.3s;
	-webkit-transition:transform 0.3s; */
}
.table-bordered>thead>tr>th {
	border-bottom-width: 1px;	
}
/* .div-c-noticeContentDiv-active {
	transform:scale(1);
	-webkit-transform: scale(1);
	overflow: hidden;
	position: fixed;
} */
.div-c-noticeContentDiv > .noticeContentInner {
	width:80%;
	border: 2px solid #059BF3;  /*  #d24c24 */
	opacity: 1;
	background-color:white;
	border-radius: 12px;
	max-width:378px;
}
.noticeContentInner > img {
	max-width:100%;
}
.noticeContentInner > .title, .lotterInner .title {
	color:white;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:1vh;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top: 2px solid #059BF3;
	border-bottom: 1px solid #059BF3;
}
.noticeContentInner > .main {
	padding:10px;
}

.div-c-svgWrapper, .div-c-svgWrapper-zoom {
	padding:5px;
	box-sizing: border-box;
	cursor: pointer;
}
.body-active {
	overflow: hidden;
	position: fixed;
}
.div-c-svgWrapper svg, .div-c-svgWrapper-zoom svg {
	width:20px;
	height:20px;
}
.modal-div-fakeModal {
	top:0;
	left:0;
	right:0;
	bottom:0;
	position: fixed;
	/*position:absolute;*/
	display:none;
	align-items:center;
	justify-content:center;
	z-index: 1060;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	background-color: transparent;
}
.modal-div-fakeModal.in {
	background-color:rgba(0,0,0,0.5);
}

.modal-div-fakeModal .div-c-modalContent {
	background-color:#fff;
	border:1px solid rgba(0,0,0,.2);
	border-radius:6px;
	box-shadow:0 3px 9px rgba(0,0,0,.5);
	width:80%;
	max-width:300px;
	padding:2vw 1vw;
	opacity: 0;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.modal-div-fakeModal.in .div-c-modalContent {
	opacity: 1;
	
}
.modal-div-fakeModal .div-c-modalContent  > .fakemodal-title {
	padding-left:2vw;
	font-size:18px;
}
.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:active:focus, .btn-default:active:hover {
    color: #333;
    background-color: #fff;
    border-color: #ccc;	
    box-shadow:none;
    outline:none;
}
.btn-active {
	box-shadow:none;
}
.btn:focus, .btn:active:focus, .btn:focus {
	outline: none;
}

.modal-div-fakeModal .div-c-modalContent > .fakemodal-content {
	padding:10px;
}
.fakemodal-title {
	margin-top:10px;	
}
.modal-div-fakeModal .div-c-modalContent  > .fakemodal-btnsGroup {
	text-align: center;
}

.clearfix:after {
	content:"";
	display: block;
	clear:both;
}

.table>tbody>tr>td {
	vertical-align:middle;	
}
.dataTables_wrapper table td, .dataTables_wrapper table th {
	white-space: nowrap;
}
.dataTables_wrapper, .dataTables_wrapper table {
	overflow-x:auto;
	max-width:100%;
}
.dataTables_wrapper table {
	border-collapse: collapse!important;
}
table.dataTable thead th {
	border-bottom-color: #ddd!important;
}
.btn-control-startOrBan {
	transition: background-color 0.3s;
}

.a-c-noresultLinkStyle {
	color:#059BF3;
	font-weight:bold;
	font-size:16px;
}


.hidden-td {
	display:none;
}

#noticeModal {
	z-index:1070;
}

.div-c-collapseItem {
	border:1px solid #ddd;
	background-color:#f5f5f5;
	margin-bottom:10px;
	border-bottom:none;
}
.div-c-collapseItem .div-c-collapseTitle {
	padding:12px 6px;
	border-bottom:1px solid #ddd;
	background-color:#f5f5f5;
}
.div-c-collapseItem .div-c-collapseTitle > span {
	font-size:16px;
}
.div-c-collapseItem .div-c-collapseTitle > svg {
	width:20px;
	height:20px;
	vertical-align:top;
	transition: all 0.3s;
	-webkit-transition: all 0.3s; 
}
.div-c-collapseItem .div-c-collapseContentWrapper {
	padding:12px 6px;
	display:none;
	background-color:white;
	border-bottom:1px solid #ddd;
}
.div-c-collapseItem.active .div-c-collapseContentWrapper {
	display:block;
}
.div-c-collapseItem.active .div-c-collapseTitle > svg {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}
td.td-gendan-control {
	color: #059BF3;
	font-weight: bold;
}

.ul-c-gendan-faqi {
	border-color:#fb6868!important;
}
.ul-c-gendan-faqi .span-type-hemaiPerson {
	color:red!important;
}
.ul-c-gendan-canyu {
	border-color:#4ec362!important;
}
.ul-c-gendan-canyu .span-type-hemaiPerson {
	color:#319c35!important;
}
.span-c-tiaoshu {
	color:red!important;
	font-weight: bold!important;
}
.div-c-collapseTitle {
	cursor: pointer;
}

 @media screen and (max-width: 1000px) { 
	.modal-dialog {
		max-width:300px;
	}
 }
/* } */

.span-c-sendNewMessage, .kai {
	cursor: pointer;
}

.btn-c-dealShenQing {
	margin-left:16px;
	display:none;
}
.btn-c-dealShenQing.active {
	display:inline-block;
}
.layui-layout-body {
	overflow: auto;
}

.dataTables_wrapper .tableinfo {
		display:flex;
		justify-content:space-between;
		align-items:center;
}
.class-input-pageNumberTwo {
	width:30px;
	height:30px;
}
.dataTables_wrapper .tableSearch {
	display:flex;
	align-items:center;
}

.p-i-noticeText {
	margin-bottom:20px;
	visibility: hidden;
}
.p-i-noticeText.active {
	visibility: visible;
}
 	.pagination ul>.active>a {
 		background-color: #059BF3;
 		color: white;
 		cursor: pointer;
 	}
 	.pagination ul>li>a {
 		cursor: pointer;
 	}
 	.pagination ul>li.active>a:hover {
  		background-color: #059BF3;
 		color: white;
 		cursor: pointer;   		
 	}
.paginator-wrapper {
	display:flex;
	flex-direction:column;
	align-items:center;
}
.hasmaxwidth-td {
  max-width:100px;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
  cursor: pointer;
  max-height:50px;
}
.noticeContentInner > .main, .noticeContentInner > .main .content {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	word-break: break-all;
}
.div-c-noticeContentDiv > .noticeContentInner {
			max-height:80%;
			min-height:40%;
		}
		.div-c-noticeContentDiv > .noticeContentInner {
			display:flex;
			flex-direction:column;
		}
		.noticeContentInner > .main {
			flex-grow:1;
		}
		.noticeContentInner > .title, .lotterInner .title {
			min-height:50px;
		}
		.dataTables_wrapper .dataTables_paginate {
			float: none!important;
			text-align:center!important;
		}
		.dataTables_wrapper .dataTables_info {
			float: none!important;
			text-align: center!important;
		}	
		.shaizi{
			display:inline-block;
			width: 0.56rem !important;
    		height: 0.56rem !important;
    		margin-right: 5px !important;
		}
		
		.sz1{
			 	background: url(/img/shaizi/dice1.png) 50% no-repeat; 
				background-size: contain;
			}
			.sz2{
				background: url(/img/shaizi/dice2.png) 50% no-repeat;
				background-size: contain;
			}
			.sz3{
				background: url(/img/shaizi/dice3.png) 50% no-repeat;
				background-size: contain;
			}
			.sz4{
				background: url(/img/shaizi/dice4.png) 50% no-repeat;
				background-size: contain;
			}
			.sz5{
				background: url(/img/shaizi/dice5.png) 50% no-repeat;
				background-size: contain;
			}
			.sz6{
				background: url(/img/shaizi/dice6.png) 50% no-repeat;
				background-size: contain;
			}
			
			 .klsf{
				display:inline-block !important;
				width: 0.5rem !important;
    			height: 0.5rem !important;
			} 
			
			.sg01{
				background: url(/img/cqklsf/farm_01.gif)no-repeat center;
			}
			.sg02{
				background: url(/img/cqklsf/farm_02.gif)no-repeat center;
			}
			.sg03{
				background: url(/img/cqklsf/farm_03.gif)no-repeat center;
			}
			.sg04{
				background: url(/img/cqklsf/farm_04.gif)no-repeat center;
			}
			.sg05{
				background: url(/img/cqklsf/farm_05.gif)no-repeat center;
			}
			.sg06{
				background: url(/img/cqklsf/farm_06.gif)no-repeat center;
			}
			.sg07{
				background: url(/img/cqklsf/farm_07.gif)no-repeat center;
			}
			.sg08{
				background: url(/img/cqklsf/farm_08.gif)no-repeat center;
			}
			.sg09{
				background: url(/img/cqklsf/farm_09.gif)no-repeat center;
			}
			.sg10{
				background: url(/img/cqklsf/farm_10.gif)no-repeat center;
			}
			.sg11{
				background: url(/img/cqklsf/farm_11.gif)no-repeat center;
			}
			.sg12{
				background: url(/img/cqklsf/farm_12.gif)no-repeat center;
			}
			.sg13{
				background: url(/img/cqklsf/farm_13.gif)no-repeat center;
			}
			.sg14{
				background: url(/img/cqklsf/farm_14.gif)no-repeat center;
			}
			.sg15{
				background: url(/img/cqklsf/farm_15.gif)no-repeat center;
			}
			.sg16{
				background: url(/img/cqklsf/farm_16.gif)no-repeat center;
			}
			.sg17{
				background: url(/img/cqklsf/farm_17.gif)no-repeat center;
			}
			.sg18{
				background: url(/img/cqklsf/farm_18.gif)no-repeat center;
			}
			.sg19{
				background: url(/img/cqklsf/farm_19.gif)no-repeat center;
			}
			.sg20{
				background: url(/img/cqklsf/farm_20.gif)no-repeat center;
			}
			
			
			.kd-spinner {
			    display: inline-block;
    font-size: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    margin-top: 70%;
			}
			
			.kd-spinner .bounce {
			    display: inline-block;
			    width: 30px;
			    height: 30px;
			    background-color: #059BF3;
			    border-radius: 100%;
			    -webkit-border-radius: 100%;
			    animation: a 1.6s infinite ease-in-out;
			    -webkit-animation: a 1.6s infinite ease-in-out;
			    animation-fill-mode: both;
			    -webkit-animation-fill-mode: both;
			}
			
			.kd-spinner .bounce.b1 {
			    animation-delay: -.32s;
			    -webkit-animation-delay: -.32s;
			}
				
				
			.kd-spinner .bounce.b2 {
			    animation-delay: -.16s;
			    -webkit-animation-delay: -.16s;
			    margin: 0 .5rem;
			}	
			
			.kd-loading:before, .kd-middle {
			    display: inline-block;
			    vertical-align: middle;
			}
			
			@keyframes a{
				0%, 80%, 100% {
				    transform: scale(0); 
				     -webkit-transform: scale(0); 
				}
				40% {
				     transform: scale(1);
				    -webkit-transform: scale(1); 
				}	
			}
			
			.kd-loading:before, .kd-loading p{
			       display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    font-size: 16px !important;
    font-size: 1rem;
    position: absolute;
    margin-top: 80%;
			}
			
			
			/* 合并后的样式 */
			.foot a {display:inline-block;width: 20%;text-align: center; padding-top: 5px;height: 52px;background: #059BF3}
			.foot a *{color: white;}
			.foot a .glyphicon{font-size: 24px;}
			.foot a .title{font-size: 12px;margin-top: -2px;}
			.foot .active{background: green}
			
			
			
			/*webkit内核*/
.scroll_content::-webkit-scrollbar {
    width:0px;
    height:0px;
}
.scroll_content::-webkit-scrollbar-button    {
    background-color:rgba(0,0,0,0);
}
.scroll_content::-webkit-scrollbar-track     {
    background-color:rgba(0,0,0,0);
}
.scroll_content::-webkit-scrollbar-track-piece {
    background-color:rgba(0,0,0,0);
}
.scroll_content::-webkit-scrollbar-thumb{
    background-color:rgba(0,0,0,0);
}
.scroll_content::-webkit-scrollbar-corner {
    background-color:rgba(0,0,0,0);
}
.scroll_content::-webkit-scrollbar-resizer  {
    background-color:rgba(0,0,0,0);
}
.scroll_content::-webkit-scrollbar {
    width:10px;
    height:10px;
}
/*o内核*/
.scroll_content .-o-scrollbar{
    -moz-appearance: none !important;   
    background: rgba(0,255,0,0) !important;  
}
.scroll_content::-o-scrollbar-button    {
    background-color:rgba(0,0,0,0);
}
.scroll_content::-o-scrollbar-track     {
    background-color:rgba(0,0,0,0);
}
.scroll_content::-o-scrollbar-track-piece {
    background-color:rgba(0,0,0,0);
}
.scroll_content::-o-scrollbar-thumb{
    background-color:rgba(0,0,0,0);
}
.scroll_content::-o-scrollbar-corner {
    background-color:rgba(0,0,0,0);
}
.scroll_content::-o-scrollbar-resizer  {
    background-color:rgba(0,0,0,0);
}
/*IE10,IE11,IE12*/
.scroll_content{
    -ms-scroll-chaining: chained;
    -ms-overflow-style: none;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-overflow-style: none;
    overflow: auto;
}

.layui-layer-page .layui-layer-content{
	padding:20px;
}

/* 代理 */
.child-view {
    position: absolute;
    width: 100%;
    transition: all .2s cubic-bezier(.55,0,.1,1);
}
.main {
    font-size: inherit;
    padding:0;
    padding-top:3em;
}
.ag-sum[data-v-1e594fce] {
    position: relative;
    height: 5em;
    width: 100%;
    background: linear-gradient(90deg,#068fdf,#3592e2);
    color: #fff;
    padding: 1em 0 .5em 1.3em;
}
em, i {
    font-style: inherit;
}

.ag-sum .p1[data-v-1e594fce] {
    margin-bottom: .2em;
}
.ag-sum p[data-v-1e594fce] {
    font-size: .8em;
}
.ag-sum .p2[data-v-1e594fce] {
    font-size: 1.8em!important;
    margin-bottom: .05em;
}
.ag-sum em[data-v-1e594fce] {
   height: 2.7em;
    line-height: 2.8em;
    font-size: 0.9em;
    right: 0;
    top: 1.6em;
    text-align: center;
    width: 6.1em;
    border-radius: 3em 0 0 3em;
    display: block;
    position: absolute;
   background: linear-gradient(90deg,#2c85d3,#63a7e2);
}

.rb-ty[data-v-1e594fce] {
        margin-bottom: .5em;
    height: 4em;
    width: 100%;
    background: linear-gradient(90deg,#3084cd,#5895ca);
    color: #fff;
}

.rb-ty div[data-v-1e594fce] {
    width: 50%;
    float: left;
    text-align: center;
    margin-top: 1em;
}

.rb-ty div p[data-v-1e594fce] {
    font-size: .9em;
    line-height: 1em;
}

.rb-ty div span[data-v-1e594fce] {
    font-size: .9em;
}

.ag-bot[data-v-1e594fce] {
    background: #fff;
    border: 1px solid #eee;
    margin: 0 2.5%;
    box-shadow: 0 0 10px #eaeaea;
    padding: .3em .5em;
}

.ag-bot div[data-v-1e594fce] {
    border-bottom: 1px solid #f2f2f2;
}

.ag-part[data-v-1e594fce] {
    display: inline-block;
    width: 49.9%;
    text-align: center;
    font-size: .63em;
    color: #505050;
    padding: 1em 0 .7em;
}


.ag-part i[data-v-1e594fce] {
    font-family: defFont;
    font-size: 3em;
}

.ag-part p[data-v-1e594fce] {
    padding-top: .38em;
    font-size: 1.4em;
}

.ag-part .i1[data-v-1e594fce] {
    color: #0fa5e8;
}

.ag-part .i2[data-v-1e594fce] {
    color: #3bbd05;
}

.ag-part .i3[data-v-1e594fce] {
    color: #00af7b;
}

.ag-part .i4[data-v-1e594fce] {
    color: #ae5efb;
}

.ag-part .i5[data-v-1e594fce] {
    color: #ea5126;
}

.ag-part .i6[data-v-1e594fce] {
    color: #da9109;
}

.bot-tip[data-v-1e594fce] {
    color: #777;
    font-size: .65em;
    text-align: center;
    margin: .5em 0;
}	

@font-face {
	font-family: defFont;
	src: url(/iconfonts/icomoon.4013515.eot);
	src: url(/iconfonts/icomoon.4013515.eot?#iefix) format("embedded-opentype"), url(/img/icomoon.de6f042.jpg) format("woff"), url(/iconfonts/icomoon.b748cf9.ttf) format("truetype"), url(/style/img/icomoon.58a3a07.svg#iconfont) format("svg")
}

.ag-part.ml[data-v-1e594fce] {
    border-right: 1px solid #f2f2f2;
}

.rb-top[data-v-3db6d6f6] {
    position: fixed;
    height: 7.5em;
    width: 100%;
    background: #059BF3;
    z-index:100;
}

.rb-top .date[data-v-3db6d6f6] {
    padding-top: .8em;
    text-align: center;
}
.rb-top .date input[data-v-3db6d6f6] {
    font-size: .7em;
    height: 2.5em;
    border: none;
    border-radius: .3em;
    text-align: center;
    width: 36%;
    position: relative;
    background: #fff;
}

.rb-top .date span[data-v-3db6d6f6] {
    width: 6%;
    display: inline-block;
}

.rb-top span[data-v-3db6d6f6] {
    color: #fff;
}

.rb-top .detail[data-v-3db6d6f6] {
    color: #fff;
    text-align: center;
}

.rb-top .detail p[data-v-3db6d6f6] {
    font-size: .9em;
    margin: 1.2em 0 .5em;
}

.rb-top .detail span[data-v-3db6d6f6] {
    font-size: 1.1em;
}

.rb-list[data-v-3db6d6f6] {
    margin-top: 7.5em;
    padding-bottom: 5em;
}

.tip[data-v-3db6d6f6] {
    padding: .5em 0;
    font-size: .9em;
    color: #777;
    text-align: center;
}

.agentBetRecord .main[data-v-7338d1d8], .agentIntro .main[data-v-7338d1d8], .announcement .main[data-v-7338d1d8], .announcementDetail .main[data-v-7338d1d8], .betDetail .main[data-v-7338d1d8], .betRecord .main[data-v-7338d1d8], .billRecord .main[data-v-7338d1d8], .chaseRecord .main[data-v-7338d1d8], .dragonHelp .main[data-v-7338d1d8], .info .main[data-v-7338d1d8], .letter .main[data-v-7338d1d8], .letterDetail .main[data-v-7338d1d8], .personalInfo .main[data-v-7338d1d8], .playerHome .main[data-v-7338d1d8], .seekDetail .main[data-v-7338d1d8], .tzetail .main[data-v-7338d1d8] {
    background: #fff;
    min-height: 100%;
}

img[data-v-7338d1d8] {
    border: 0;
    vertical-align: middle;
}	

.agentIntroDes[data-v-7338d1d8] {
    color: #333;
    padding: 1em .6em;
    line-height: 1.8;
    font-size: .65em;
}

.agentIntroDes h3[data-v-7338d1d8] {
    color: #dc3b40;
    font-size: 1.4em;
}

.agentIntroDes h3 i[data-v-7338d1d8] {
    margin-right: .3em;
    font-size: 0.9em;
    line-height: 1.4em;
}
.defFont[data-v-7338d1d8] {
    font-style: normal;
    font-family: defFont;
    font-size: inherit;
    color: inherit;
}	

.agentIntroDes p[data-v-7338d1d8] {
    padding-left: 1.7em;
    padding-right: 0.5em;
    position: relative;
    text-align: justify;
    font-size: 0.8em;
}

.agentIntroDes p[data-v-7338d1d8]:before {
    content: "";
    position: absolute;
    width: 0.7em;
    height: .7em;
    background: #b9bcc2;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #b9bcc2;
    left: .3em;
    top: .6em;
    z-index: 1;
}

.agentIntroDes em[data-v-7338d1d8] {
	font-size: 0.9em;
}	

.tops ul {
    display: block;
    width: 3.1rem;
    height: 1.8em;
    line-height: 1.8em;
    border-radius: .2em;
    border: 1px solid #fff;
    margin: .7em auto;
    overflow: hidden;
}

.tops ul .on {
    background: #fff;
}

.tops ul li {
    width: 4.455555rem;
    idth: -ms-calc(1.55rem - 1px);
    width: calc(1.55rem - 1px);
    float: left;
}

.tops ul .on a {
    color: #dc2e2e;
}

.tops ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: .9em;
    color: #fff;
    font-size: .9em;
}

.creatAccountTitle[data-v-6d28c302] {
    background: #fff;
    padding: 0 .3rem;
    font-size: .9em;
    line-height: 2.8em;
}

.creatAccountTitle .tp-tip[data-v-6d28c302] {
    color: #666;
    padding-left: 1.2em;
    position: relative;
    font-size: 1em;
}

.creatAccountTitle .tp-tip[data-v-6d28c302]:before {
    content: "\E606";
    font-family: defFont;
    position: absolute;
    left: -.6em;
    top: -.2em;
    color: #666;
    font-size: 2em;;
}

label[data-v-6d28c302] {
    cursor: pointer;
    display: inline-block;
    margin-right: 15px;
    padding-left: 3em;
    font-size: 0.9em;
    position: relative;
}

label[data-v-6d28c302]:before {
        content: "\E63F";
    display: inline;
    color: #dc3b40;
    font-size: 1.4em;
    margin-left: -1.2em;
    position: absolute;
    line-height: em;
    width: 16px;
    font-family: defFont;
}

.radio .choosed[data-v-6d28c302]:before {
    content: "\E640";
}

.creatAccountDetail[data-v-6d28c302] {
   padding: 0 .8em;
    background: #fff;
    font-size: .9em;
    margin-top: .5em;
}

.creatAccountDetail li[data-v-6d28c302] {
    height: 3.2em;
    line-height: 3.2em;
}

.creatAccountDetail li[data-v-6d28c302]:first-child:before {
    visibility: hidden;
}
.creatAccountDetail li[data-v-6d28c302]:before {
    content: "";
    position: absolute;
    right: 0;
    background: #f1f1f1;
    width: calc(100% - .6rem);
    height: 1px;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.radio label[data-v-6d28c302]:before {
    border-radius: 8px;
}

.creatAccountDetail span[data-v-6d28c302] {
    display: inline-block;
    width: 5.5em;
    font-size: 0.8em;
}

.creatAccountDetail input[data-v-6d28c302] {
    display: inline-block;
    width: 14em;
    width: -ms-calc(100% - 6.2em);
    width: calc(100% - 6.2em);
    border: none;
    background: #fff;
    font-size: 0.8em;
}

.submitBtn {
    width: 90%;
    margin: 1em auto;
    display: block;
    font-size: .8em;
    line-height: 2.6em;
}

.BTN, .BTN a {
    text-align: center;
}

.BTN {
    border-radius: .3em;
    -webkit-tap-highlight-color: transparent;
    color: #fff;
    background: #dc3b40;
    background: linear-gradient(to to bottom,#dc3b40 2%,#dc3b40 50%,#db3b40 51%,#d7363b);
    background: -webkit-linear-gradient(180deg,#dc3b40 2%,#dc3b40 50%,#db3b40 51%,#d7363b);
}

#LayerLi, #TouchScroll {
    border: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.fullPageMsg {
    text-align: center;
    position: absolute;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 100%;
    color: #999;
}

.fullPageMsg p {
    font-size: .9em;
}

.dataType {
    z-index: 1301;
    background: initial!important;
    position: fixed;
    right: .6em;
    font-size: .7em;
    top: .3em;
    color: #fff;
    line-height: 3.5em;
    height: 3.5em;
}

.defFont, .input-clear {
    font-family: defFont;
}

.search[data-v-1eaf5978] {
    height: 2.4em;
    background: #fff;
    padding: .45em 0 .45em 1.2em;
    position: relative;
}

.search[data-v-1eaf5978]:before {
    content: "\E90B";
    font-family: defFont;
    position: absolute;
    left: .3em;
    top: .5em;
    font-size: 1.1em;
    color: #666;
}

.search input[data-v-1eaf5978] {
    width: 55%;
    text-align: left;
    margin: .3em 0 .3em .8em;
    height: 1.6em;
    font-size: .8em;
    color: #666;
    display: block;
    float: left;
    border: none;
    -webkit-appearance: none;
    padding: 0;
}

.search span[data-v-1eaf5978] {
    display: inline-block;
    color: blue;
    height: 1.5em;
    width: 18%;
    color: #4a95e4;
    text-align: center;
    font-size: 1em;
    margin-left: .5em;
    margin-top: .2em;
}

.ag-top[data-v-1eaf5978] {
    background: #fff;
    margin-top: .5em;
}

.ag-top .name-num[data-v-1eaf5978] {
    height: 3.2em;
    font-size: .68em;
    padding-top: .85em;
}

.ag-top .name-num .lt[data-v-1eaf5978] {
    float: left;
    margin-left: 1em;
    padding-left: 1em;
    border-left: .4em solid #e23539;
    font-size: 1.2em;
}

.ag-top .name-num .rt[data-v-1eaf5978] {
    padding: .15em 1em 0 0;
    float: right;
    color: #e2383c;
    font-size: .9em;
}

.ag-bot[data-v-1eaf5978] {
    margin-top: .5em;
    height: 3.55em;
    background: #fff;
}

.bet-bonus div[data-v-1eaf5978] {
    float: left;
    width: 33%;
    font-size: .65em;
    text-align: center;
    margin-top: 1.3em;
    border-left: 1px solid #f0f0f0;
}

.bet-bonus div p[data-v-1eaf5978] {
    margin-bottom: .3em;
    color: #777;
    font-size: 1.3em
}

.bet-bonus div span[data-v-1eaf5978] {
    font-size: 1.2em;
}

.bet-bonus[data-v-1eaf5978]:after {
    content: "";
    display: block;
    clear: both;
}

.mred[data-v-1eaf5978] {
    color: #e20606;
}

.ag-mid[data-v-1eaf5978] {
    margin-top: .5em;
    height: 11em;
    background: #fff;
}

.ag-mid .cc1[data-v-1eaf5978] {
    text-align: right;
}
.ag-mid .cc1[data-v-1eaf5978], .ag-mid .cc3[data-v-1eaf5978] {
    width: 30%;
}
.ag-mid .cc1[data-v-1eaf5978], .ag-mid .cc2[data-v-1eaf5978], .ag-mid .cc3[data-v-1eaf5978] {
    float: left;
    color: #fff;
}

.ag-mid .cc1 div[data-v-1eaf5978] {
    background: #287dff;
}

.ag-mid .cc1 div[data-v-1eaf5978], .ag-mid .cc3 div[data-v-1eaf5978] {
    margin-top: 1.15em;
    width: 5.4em;
    height: 5.4em;
}

.ag-mid .cc1 div[data-v-1eaf5978], .ag-mid .cc2 div[data-v-1eaf5978], .ag-mid .cc3 div[data-v-1eaf5978] {
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}

.ag-mid .cc1 div p[data-v-1eaf5978], .ag-mid .cc3 div p[data-v-1eaf5978] {
    font-size: .55em;
    margin: 2.2em 0 .1em;
}

.ag-mid .cc1 div span[data-v-1eaf5978], .ag-mid .cc3 div span[data-v-1eaf5978] {
    font-size: .63em;
}

ag-mid .cc2[data-v-1eaf5978] {
    text-align: center;
    width: 40%;
}

.ag-mid .cc2 div[data-v-1eaf5978] {
    width: 7em;
    height: 7em;
    background: #fb5136;
    margin-top: .5em;
}
.ag-mid .cc2 div p[data-v-1eaf5978] {
    margin: 3.2em 0 .2em;
    font-size: .55em;
}

.ag-mid .cc2 div span[data-v-1eaf5978] {
    font-size: .65em;
}

.ag-mid .cc3 div[data-v-1eaf5978] {
    background: #fb9311;
}

.ag-mid .method[data-v-1eaf5978] {
    font-size: .55em;
    text-align: center;
    position: relative;
    padding-top: .3em;
    color: #666;
    clear: both;
}

.ag-mid .method i[data-v-1eaf5978] {
    font-size: 2.4em;
}

.bot-tip[data-v-1eaf5978] {
    color: #777;
    font-size: .56em;
    text-align: center;
    padding: .5em 0 .2em;
}

.word-explain[data-v-1eaf5978] {
    color: #4e89d6;
    font-size: 1em;
    text-align: center;
    padding: .1em 0 .8em;
}

.explain[data-v-1eaf5978] {
    position: fixed;
    box-shadow: 0 0 8px #d0d0d0;
    background: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 .8em .3em .5em;
}

.explain .title[data-v-1eaf5978] {
   font-size: 0.9em;
    text-align: center;
    color: #4e89d6;
    padding: .5em 0;
    position: relative;
}

.explain .title i[data-v-1eaf5978] {
    right: -.7em;
    top: 0;
    font-size: 1.3em;
    position: absolute;
    display: inline-block;
    padding: .24em .9em;
}

.explain p[data-v-1eaf5978] {
    font-size: .85em;
    color: #666;
    padding-bottom: .2em;
}

.explain span[data-v-1eaf5978] {
    color: #a52424;
    font-size: 1em;
}

.blackBg[data-v-1eaf5978] {
    background: rgba(0,0,0,.4);
    top: 2.3em;
}

.blackBg {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 11;
}

.ag-mid .cc2[data-v-1eaf5978] {
    text-align: center;
    width: 40%;
}

.filter[data-v-1eaf5978] {
    background: #fff;
    width: 100%;
    position: fixed;
    top: 2.4em;
    z-index: 15;
    padding: 0 .5em .1em;
}

.filter .tp[data-v-1eaf5978] {
    font-size: .65em;
    padding-top: 2em;
}

.filter .tp span.on[data-v-1eaf5978] {
    border-color: #e9676a;
}

.filter .tp span[data-v-1eaf5978] {
    color: #777;
    text-align: center;
    border: 1px solid #ddd;
    padding: .25em 0;
    display: inline-block;
    width: 18%;
    margin: 0 3.5% 0.8em;
    border-radius: .2em;
    height: 2.1em;
    line-height: 1.6em;
    font-size: 1.4em;
}

.dataType em{
	font-size: 1.4em;
}


.search[data-v-5ba06bde] {
    height: 2.4em;
    background: #fff;
    padding: .45em 0 .45em 1.2em;
    position: relative;
}

.search[data-v-5ba06bde]:before {
    content: "\E90B";
    font-family: defFont;
    position: absolute;
    left: .3em;
    top: .5em;
    font-size: 1.1em;
    color: #666;
}

.search input[data-v-5ba06bde] {
    width: 75%;
    text-align: left;
    margin: .3em 0 .3em .8em;
    height: 1.6em;
    font-size: .8em;
    color: #666;
    display: block;
    float: left;
    border: none;
    -webkit-appearance: none;
    padding: 0;
}

.search span[data-v-5ba06bde] {
    display: inline-block;
    color: blue;
    height: 1.5em;
    width: 18%;
    color: #4a95e4;
    text-align: center;
    font-size: 1em;
    margin-left: .5em;
    margin-top: .2em;
}

.ag-top[data-v-5ba06bde] {
    background: #fff;
    margin-top: .5em;
}

.ag-top .name-num[data-v-5ba06bde] {
    height: 3.2em;
    font-size: .68em;
    padding-top: .85em;
    border-bottom: 1px solid #eaeaea;
}

.ag-top .name-num .lt[data-v-5ba06bde] {
    float: left;
    margin-left: 1em;
    padding-left: 1em;
    border-left: .4em solid #e23539;
    font-size: 1.2em;
}

.ag-top .name-num .rt[data-v-5ba06bde] {
    float: right;
    margin-right: .6em;
    margin-top: -.3em;
    font-size: .9em;
}

.ag-top .name-num .rt span.on[data-v-5ba06bde] {
    border-color: #e9676a;
    border-right: 1px solid #e9676a;
}
.ag-top .name-num .rt .sp1[data-v-5ba06bde] {
    border-right: none;
    padding: 0 .2em 0.1em;
    border-radius: .3em .1em .1em .3em;
}
.ag-top .name-num .rt span[data-v-5ba06bde] {
    display: inline-block;
    color: #777;
    border: 1px solid #eee;
    font-size: 1.4em;
}
* {
    box-sizing: border-box;
}

.ag-top .name-num .rt .sp2[data-v-5ba06bde] {
    padding: 0 .2em 0.1em;
    border-radius: .1em .3em .3em .1em;
}

.loadingMsg {
    font-size: .7em;
    color: #666;
    overflow: initial!important;
}

.msg {
    text-align: center;
    line-height: .9em;
}

.search[data-v-0a725a61] {
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 100;
    height: 40px;
    padding: .45em 0 .45em 1.2em;
}


.search[data-v-0a725a61]:before {
    content: "\E90B";
    font-family: defFont;
    position: absolute;
    left: .3em;
    top: .5em;
    font-size: 1.1em;
    color: #666;
}

.search input[data-v-0a725a61] {
    width: 75%;
    text-align: left;
    margin: 0 0 .3em .8em;
    height: 1.6em;
    font-size: 1em;
    color: #666;
    display: block;
    float: left;
    border: none;
    -webkit-appearance: none;
    padding: 0;
}

.search span[data-v-0a725a61] {
    /* display: inline-block; */
    color: blue;
    height: 1.5em;
    width: 18%;
    color: #4a95e4;
    text-align: center;
    font-size: 1.2em;
    margin-left: .5em;
}

#leftTabBox {
    width: 100%;
    overflow: hidden;
}

#leftTabBox .hd {
    background: #f6f6f6;
    line-height: 2.6em;
    font-size: .65em;
}

#leftTabBox .hd ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#leftTabBox .hd li {
    display: table-cell;
    text-align: center;
    color: #666;
    font-size: 1em;
}
#leftTabBox .on {
    color: #dc3b40!important;
    border-bottom: 2px solid #dc3b40;
}

.bd[data-v-0a725a61] {
    width: 100%;
    height: 100%;
}

.agentBetRecord .touchScroll[data-v-0a725a61], .agentBillRecord .touchScroll[data-v-0a725a61] {
    height: -ms-calc(100vh - 6.3em - 20px)!important;
    height: calc(100vh - 6.3em - 20px)!important;
}
.touchScroll[data-v-0a725a61] {
    position: relative;
    width: 100%;
   /*  padding: 10px 0; */
  /*   height: -ms-calc(100vh - 4.3em)!important;
    height: calc(100vh - 4.3em)!important; */
    background: #fff;
}
.touchScroll[data-v-0a725a61] {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.fullPageMsg {
    text-align: center;
    position: absolute;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 100%;
    color: #999;
}

.searchBtn {
    background: #efeef4!important;
    width: 100%;
    position: relative;
    height: 2.8em;
    overflow: hidden;
}

.blackBg[data-v-0a725a61] {
    background: rgba(0,0,0,.4);
    top: 2.3em;
}

.filter[data-v-0a725a61] {
    background: #fff;
    width: 100%;
    position: fixed;
    top: 2.3em;
    z-index: 15;
    padding: 0 .5em .6em;
}

.filter .bt[data-v-0a725a61], .filter .tp[data-v-0a725a61] {
    font-size: .65em;
    padding-top: 1.5em;
    max-height: 19.5em;
    overflow: auto;
}

.filter .bt span.on[data-v-0a725a61], .filter .tp span.on[data-v-0a725a61] {
    border-color: #e9676a;
}
.filter .bt span[data-v-0a725a61], .filter .tp span[data-v-0a725a61] {
   color: #777;
    text-align: center;
    border: 1px solid #ddd;
    padding: .3em 0;
    display: inline-block;
    width: 30.33%;
    margin-right: 3%;
    border-radius: .2em;
    height: 2.5em;
    line-height: 1.8em;
    font-size: 1.2em;
    margin-bottom: 1em;
}

.filter .fil-btn[data-v-0a725a61] {
    font-size: .9em;
    width: 60%;
    line-height: 2.15em;
    height: 2em;
    margin-left: 20%;
}

.filter .tp[data-v-0a725a61] {
    border-bottom: 1px solid #eee;
    padding-bottom: 0.5em;
}

.tabLI .gundong1 {
   /*  width: 290px; */
    padding-left: 10px;
   /*  float: left; */
    height: 100%;
    line-height: 2em;
    border-right: 1px solid #fff;
}

.circle_bg {
    float: left;
}

.circle_bg img {
    width: 1.4em;
}

.User_grade .el-slider{
	cursor: pointer;
}

.tabLI .gundong1 .seradediv{
    min-width: 3em;
    display: inline-block;
    font-style: normal;
    padding: 0 .5em;
}

.tabLI .gundong1 .User_grade {
    display: inline-block;
    width:120px;
}

.tabLI .User_grade {
    width: 96px;
    margin: 2px 9px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.el-slider:after, .el-slider:before {
    display: table;
}

.el-slider__runway {
    width: 100%;
    height: 4px;
    margin: 1em 0;
    background-color: #d0993b;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
}

.tabLI .el-slider__bar, .tabLI .el-slider__button {
        background-color: #d0993b;
}
.el-slider__bar, .el-slider__button {
    background-color: #5f4d99;
}
.el-slider__bar {
    height: 4px;
    background-color: #20a0ff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute;
}

.tabLI .el-slider__button-wrapper {
    z-index: 5!important;
}
.el-slider__button-wrapper {
    width: 2em;
    height: 2em;
    position: absolute;
    z-index: 1001;
    top: -1em;
    transform: translateX(-50%);
    background-color: transparent;
    text-align: center;
    -ms-user-select: none;
    user-select: none;
}

.tabLI .gundong1 .seradediv2 {
    display: inline-block;
}

.el-slider__button {
    display: inline-block;
    vertical-align: middle;
    width: 0.8em;
    height: 0.8em;
    background-color: #20a0ff;
    border-radius: 50%;
    transition: .2s;
    -ms-user-select: none;
    user-select: none;
}
.switch {
    width: 54%;
    margin: 1em auto;
    text-align: center;
    overflow: hidden;
}
.switch  ul{
    overflow: hidden;
}

.switch ul li{
	float: left;
    width: 50%;
    padding: 0.5em 0.5em;
    border-top-left-radius: .2em;
    border: 1px solid #059BF3;
    font-size: 0.8em;
}

.switch ul li.invitationCode{
	border-top-left-radius: .5em;
    border-bottom-left-radius: .5em;
}

.switch ul li.openAccount{
	border-top-right-radius: .5em;
    border-bottom-right-radius: .5em;
    border-left: none;
}

.switch ul li.active{
	background: #059BF3;
    color: #fff;
}

.hide{
	display: none;
}

.message{
	width: 80%;
    margin: 0 auto;
}

.message p{
	margin: .5em 0;
}

.message em{
	margin-right: .1em;
}

.message input{
	background: #fff;
    border: 1px solid #059bf3;
    border-radius: .3em;
    padding: .5em;
    font-size: .8em;
    width: 66%;
}

.creatAccountTitle[data-v-14ca4ede] {
    background: #fff;
    padding: 0 1em;
    font-size: 1em;
    line-height: 2.8em;
    margin: 0;
}

input[type=radio][data-v-14ca4ede] {
    display: none;
}

label[data-v-14ca4ede] {
    cursor: pointer;
    display: inline-block;
    margin-right: 15px;
    padding-left: 3em;
    position: relative;
}
.radio label[data-v-14ca4ede]:before {
    border-radius: 8px;
}

label[data-v-14ca4ede]:before {
    content: "\E63F";
    display: inline;
    color: #dc3b40;
    font-size: 1.4em;
    margin-left: -1.2em;
    position: absolute;
    line-height: 1.95em;
    width: 16px;
    font-family: defFont;
}

/* .checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
} */

LayerLi, #TouchScroll {
    border: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.code-list[data-v-410b8516] {
    height: 10em;
    color: #777;
    background: #fff;
    margin-top: .8em;
    font-size: .7em;
}

.code-list .tp[data-v-410b8516] {
    position: relative;
    height: 4.5em;
    padding: .9em 1.2em 0;
    border-bottom: 1px solid #eee;
}

.code-list .bot[data-v-410b8516] {
    padding: .5em 0;
}

.code-list .tp .code[data-v-410b8516] {
    font-size: .9em;
    -webkit-touch-callout: default;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

.code-list .tp span[data-v-410b8516] {
    display: inline-block;
    margin-top: .3em;
    font-size: .8em;
}

.code-list .tp i[data-v-410b8516] {
    font-size: .75em;
}

.code-list .tp em[data-v-410b8516] {
    position: absolute;
    right: 4.9em;
    font-size: .75em;
    top: 1.8em;
}

code-list .tp .del[data-v-410b8516] {
    font-size: 1.3em;
    position: absolute;
    right: 0;
    top: .6em;
    height: 2em;
    width: 3em;
    text-align: center;
    color: #989898;
    line-height: 2em;
}

.code-list .bot div[data-v-410b8516] {
    border-right: 1px solid #eee;
    text-align: center;
    float: left;
    width: 50%;
    font-size: .8em;
    line-height: 2em;
    cursor: pointer;
}

.loadingMsg {
    font-size: .55em;
    color: #666;
    overflow: initial!important;
}

.msg {
    text-align: center;
    line-height: .9em;
}

.code-list .tp .del[data-v-410b8516] {
    font-size: 1.3em;
    position: absolute;
    right: 0;
    top: .6em;
    height: 2em;
    width: 3em;
    text-align: center;
    color: #989898;
    line-height: 2em;
}

.router-link-exact-active label:before{
	line-height: 1.95em;
    text-align: center;
    content: "\E640";
}

 a.BTN:link, a.BTN:visited, a.BTN:focus, a.BTN:hover, a.BTN:active {
    color: #fff;
} 

.member[data-v-5ba06bde] {
  margin-bottom: .03em;
    background: #fdfafa;
    box-shadow: 0 2px 6px #f5f5f5;
    position: relative;
    font-size: .65em;
    padding: .8em 0 .78em 3.2em;
}

.member em[data-v-5ba06bde] {
    position: absolute;
    right: 2.5em;
    top: 1em;
    font-size: 1.3em;
    color: #777;
}

.detail[data-v-5ba06bde] {
    padding: 0 .6em .5em;
}

.detail .info-border[data-v-5ba06bde] {
    box-shadow: 0 0 6px #dfdfdf;
    background: #fff;
}

.detail .info[data-v-5ba06bde] {
    position: relative;
    margin: 0 1em;
    padding: .8em .5em .8em 2.5em;
    border-bottom: 1px solid #eee;
    font-size: .65em;
}

.detail .reb[data-v-5ba06bde]:before {
    content: "\E909";
}
.detail .log[data-v-5ba06bde]:before, .detail .money[data-v-5ba06bde]:before, .detail .reb[data-v-5ba06bde]:before, .detail .reg[data-v-5ba06bde]:before, .detail .tp[data-v-5ba06bde]:before {
    font-family: defFont;
    position: absolute;
    font-size: 2em;
    left: .1em;
    top: .3em;
    color: #fa9787;
}

.detail em{
	font-size: 1.4em;
}

.detail .info .s2[data-v-5ba06bde] {
    float: right;
    color: #777;
    font-size: 1.4em;
}

.detail .money[data-v-5ba06bde]:before {
    content: "\E922";
}

.detail .reg[data-v-5ba06bde]:before {
    content: "\E90A";
}

.detail .log[data-v-5ba06bde]:before {
    content: "\E900";
}

.detail .tp[data-v-5ba06bde]:before {
    content: "\E91F";
}

.detail .info[data-v-5ba06bde] {
    position: relative;
    margin: 0 1em;
    padding: .8em .5em .8em 2.5em;
    border-bottom: 1px solid #eee;
    font-size: .65em;
}

.detail .info:last-child{
	text-align: center;
    padding: .8em .5em;
}

.detail .info .btn[data-v-5ba06bde] {
    border: 1px solid #eaeaea;
    padding: .4em 1em;
    margin-left: 2.6em;
    border-radius: .2em;
    width: 80%;
    margin: 0 auto;
}

.member.on i[data-v-5ba06bde] {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.member i[data-v-5ba06bde] {
    color: #e75659;
    position: absolute;
    left: 0.8em;
    top: 0.7em;
    transition: .2s;
}
 
.content-td{
	padding: 0;
    border: none;
}

.filter .st[data-v-1eaf5978] {
    color: #555;
    font-size: .6em;
    padding-bottom: .5em;
}

.filter .bt[data-v-1eaf5978], .filter .tp[data-v-1eaf5978] {
    font-size: .65em;
}

.filter .bt span.on[data-v-1eaf5978], .filter .tp span.on[data-v-1eaf5978] {
    border-color: #e9676a;
}
.filter .bt span[data-v-1eaf5978], .filter .tp span[data-v-1eaf5978] {
    color: #777;
    text-align: center;
    border: 1px solid #ddd;
    padding: .25em 0;
    display: inline-block;
    width: 18%;
    margin: 0 3.5% 1em;
    border-radius: .2em;
    height: 2.1em;
    line-height: 1.6em;
    font-size: 1em;
}

.filter .fil-btn[data-v-1eaf5978] {
    font-size: .9em;
    width: 60%;
    line-height: 2.15em;
    height: 2em;
    margin: 0.8em 0 1.6em;
    margin-left: 20%;
}

.hidden-td{
	display:none;
}	

.u-arrow[data-v-60397674] {
    position: absolute;
    left: .85em;
    color: #e75659;
    transition: .2s;
}

.arrow-on .u-arrow[data-v-60397674] {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.info-border[data-v-60397674] {
    color: #666;
    padding-bottom: .5em;
}

.info-m[data-v-60397674] {
    background: #fff;
}

.info[data-v-60397674] {
    position: relative;
    margin: 0 2em;
    padding: .6em 0;
    border-bottom: 1px solid #eee;
    font-size: .6em;
}

info span[data-v-60397674] {
    display: inline-block;
    width: 49.8%;
    text-align: center;
}

.info span[data-v-60397674] {
    display: inline-block;
    width: 49.8%;
    text-align: center;
}

.mblue[data-v-60397674] {
    color: #577dec;
}

.his-rep div[data-v-60397674] {
    border: 1px solid #eaeaea;
    background: #fff;
    width: 38%;
    text-align: center;
    padding: .35em 0;
    border-radius: .3em;
    margin-left: 31%;
}
